<!DOCTYPE html>
<html>
	<head>
		<title>ACS SimBe</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="stylesheet" type="text/css" href="main.css" />
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.flot.js"></script>
		<script type="text/javascript" src="js/jquery.jnotify.min.js"></script>
        <script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
		<script type="text/javascript" src="js/app.js"></script>
	</head>
<body>
	<div id="page">
		<div id="head">
			<a href="#" alt="logo" title="goto main"><img alt="HTML Task" src="img/logo.gif" height="100px" /></a>
			<h1>ООО "Волжский Бекон"</h1>
			<h2>АСУ коптильной камеры</h2>
		</div>
        <div class="row">
            <table id="tabs" class="tabsTable">
                <tbody>
                    <tr>
                        <td>
                            <div style="display:block" class="simpleTabs">
                                <ul class="tabs">
                                    <li id="main" class="selected first"><p><a class="tabs" href="#">Общее</a></p></li>
                                    <li id="dev" class="last"><p><a class="tabs" href="#">Коптильная камера 1</a></p></li>
                                </ul>
                            </div>
                        </td>
                        <td class="besideContent"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        
        <div id="main_page" style="display:none">
            <div class="row">
                <div class="cell wnd" style="width:65%" title="Список коптильных камер">
                    <table id="node_tbl" width="100%">
                        <tr>
                            <td><b>Название</b></td>
                            <td><b>Адрес</b></td>
                            <td><b>Вкл./Выкл.</b></td>
                        <tr>
                    </table>
                </div>
                
                <div class="cell wnd" style="width:34%" title="Добавить">
                        <div>
                            <span id="node_stat"></span>
                            <input id="node_name" type="text" name="name" placeholder="Название/Расположение" required />
                            <input id="node_url" type="url" name="address" placeholder="http://192.168.1.54:80" required />
                        </div>
                       
                        <div>
                            <input id="node_test" type="button" value="Тест доступности узла" />
                            <input id="node_add" type="button" value="Добавить" />
                        </div>
                </div>
            </div>
        </div>
        
        <div id="dev_page" style="display:none">
            <div class="row">
                <div id="c0" class="cell wnd" style="width:60%" title="Показатели датчиков">
                    <div id="plot" style="width:100px;height:330px; min-height:350px;min-width:100px;overflow:hide"></div>
					<input id="node_refresh" type="button" value="Обновить" />
                </div>
                
                <div id="c1" class="cell" style="width:39%">
                        <div id="c2" class="cell wnd" style="width:100%;text-align:left;" title="Текущая операция">
							<ol id="stat">
							</ol>
							<form id="opctrl" action="/opctrl" method="post">
								<input id="action" type="hidden" value="" />
								<input id="next" disabled type="button" value="Следующая операция" />
								<input id="terminate" disabled type="button" value="Прервать программу" />
							</form>
						</div>
                        
                        <div id="c3" class="cell wnd" style="width:100%" title="Параметры">                            
                            <fieldset>
                                <legend>ТЭН</legend>
                                <input type="number" min="0" />
                                <input type="number" min="0" />
                                <input type="number" min="0" />
                            </fieldset>

                            <fieldset>
                                <legend>Психометрическая таблица</legend>
                                <div>Версия: <span id="psy_table_version"></a></div>
                            </fieldset>
		    		    </div>
                </div>
            </div>
            <div class="row" style="text-align:center;width:100%;">
                <div id="c4" class="cell wnd" style="width:99%" title="Лог">
                    <table class="log_tbl">
                        <tr>
                            <th>Дата/время</th>
                            <th>Наименование операции</th>
                            <th>Статус</th>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
	</div>
</body>
</html>

